<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <h:outputStylesheet library="css" name="style.css" />
        <title>#{msgs.cartItemsCaption}</title>
        <style type="text/css">
        </style>
    </h:head>
    <h:body>
        <div style="margin-left: auto; margin-right: auto; width: 50%" >
            <h:form>
                <h:dataTable value="#{bsControllerPCB.cartDisplayItems}" var="item"
                             styleClass="order-table"
                             headerClass="order-table-header"
                             rowClasses="order-table-odd-row,order-table-even-row">
                    <f:facet name="header">
                        #{msgs.cartItemsCaption}
                    </f:facet>

                    <h:column>
                        <f:facet name="header" >
                            #{msgs.cartItemsColItem}
                        </f:facet>
                        #{item[0]}
                    </h:column>
                    <h:column>
                        <f:facet name="header" >
                            #{msgs.cartItemsColQuantity}
                        </f:facet>
                        #{item[1]}
                    </h:column>
                    <h:column>
                        <f:facet name="header" >
                            #{msgs.cartItemsColUnitPrice}
                        </f:facet>
                        #{item[2]}
                    </h:column>
                    <h:column>
                        <f:facet name="header" >
                            #{msgs.cartItemsColTotalPrice}
                        </f:facet>
                        #{item[3]}
                    </h:column>
                </h:dataTable>
                     <h:form>
                        <h:button value="#{msgs.cartItemsContinueShopping}" outcome="catalogSelection"/>
                        <h:commandButton value="#{msgs.startOver}" action="#{bsControllerPCB.startOver}"/>
                    </h:form>
            </h:form>
        </div>
    </h:body>
</html>
